<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
    <title>“组团啦”杯荣誉信息</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/match/css/bootstrap-grid.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/match/css/bootstrap-modal.css"/>
    <link rel="stylesheet" href="__PUBLIC__/match/css/reset.css" />
    <link rel="stylesheet" href="__PUBLIC__/match/css/public.css" />
</head>
<body>
<section id="top-space"></section>
<article id="article">
    <header>
        <h1 class="text-center">{$teams[0].match_name}</h1>
        <p class="team text-center"><span class="{$teams[0].color}">{$teams[0].team_name}</span>&nbsp;&nbsp;vs&nbsp;&nbsp;<span class="{$teams[1].color}">{$teams[1].team_name}</span></p>
    </header>
    <ul class="m-condition oh center-block">
        <li class="rec-parent text-center z-green"><if condition="$my_team['result']=='胜'">胜利<else/>失败</if>
            <span class="rec-1"></span>
            <span class="rec-2"></span>
            <span class="rec-3"></span>
            <span class="rec-4"></span>
        </li>
    </ul>
    <div class="wrapper center-block">
        <ul class="team-note">
            <li class="z-red"><span class="sq-red"></span>失败队伍</li>
            <li class="z-green"><span class="sq-green"></span>胜利队伍</li>
        </ul>
    </div>
</article>
<div class="wrapper center-block">
    <div id="honor-wrapper">
        <div class="rec-parent table-wrapper">
            <table>
                <tr>
                    <th>日期</th>
                    <th>开始</th>
                    <th>时长</th>
                    <th>类型</th>
                </tr>
                <tr class="s-td">
                    <td>{$teams[0].match_date}</td>
                    <td>{$teams[0].date_s|substr=10|substr=-8,-3}</td>
                    <td>{$teams[0].when_long}</td>
                    <td>{$teams[0].match_type}</td>
                </tr>
            </table>
            <span class="rec-1"></span>
            <span class="rec-2"></span>
            <span class="rec-3"></span>
            <span class="rec-4"></span>
        </div>
        <div class="rec-parent table-wrapper">
            <table>
                <tr>
                    <th colspan="2">小（大）龙</th>
                    <th colspan="2">视野</th>
                </tr>
                <tr>
                    <td class="{$teams[0].color}">{$teams[0]['small_dragon']}（{$teams[0]['big_dragon']}）</td>
                    <td class="{$teams[1].color}">{$teams[1]['small_dragon']}（{$teams[1]['big_dragon']}）</td>
                    <td class="{$teams[0].color}">{$teams[0]['horizons']}%</td>
                    <td class="{$teams[1].color}">{$teams[1]['horizons']}%</td>
                </tr>
            </table>
            <span class="rec-1"></span>
            <span class="rec-2"></span>
            <span class="rec-3"></span>
            <span class="rec-4"></span>
        </div>
        <div class="rec-parent table-wrapper">
            <table>
                <tr>
                    <th colspan="2">人头数</th>
                    <th colspan="2">金钱数</th>
                </tr>
                <tr>
                    <td class="{$teams[0].color}">{$teams[0]['kill_num']}</td>
                    <td class="{$teams[1].color}"> {$teams[1]['kill_num']}</td>
                    <td class="{$teams[0].color}">{$teams[0]['money']}K</td>
                    <td class="{$teams[1].color}">{$teams[1]['money']}K</td>
                </tr>
            </table>
            <span class="rec-1"></span>
            <span class="rec-2"></span>
            <span class="rec-3"></span>
            <span class="rec-4"></span>
        </div>
        <!--mvp-->
        <div class="mvp-box text-center">
            <img src="__PUBLIC__/match/img/por-border.png" alt="" width="31%"/>
            <div class="portait-box oh beCircle" id="portait"><img src="__PUBLIC__/vote/userimg/{$mvp[0].picture}" alt="" width="100%"/></div>
            <div class="slogon-box" id="slogon"><img src="__PUBLIC__/match/img/MVP.png" width="100%"/></div>
        </div>
        <p class="text-center mvp-title">{$mvp[0].use_hero}</p>
        <div class="row">
            <div class="col-xs-4 col-xs-offset-4">
                <div class="mvp-data rec-parent">
                    <p>评分<span>12.5</span></p>
                    <span class="rec-1"></span>
                    <span class="rec-2"></span>
                    <span class="rec-3"></span>
                    <span class="rec-4"></span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-4">
                <p class="text-center title">人头王</p>
                <div class="portait-s oh beCircle center-block">
                    <img src="__PUBLIC__/vote/userimg/{$head_king[0]['picture']}" alt=""/>
                </div>
                <p class="title-name {$head_king[0]['color']} text-center">{$head_king[0]['use_hero']}</p>
                <div class="mvp-data rec-parent">
                    <p>杀敌<span>{$head_king[0]['kill']}</span></p>
                    <span class="rec-1"></span>
                    <span class="rec-2"></span>
                    <span class="rec-3"></span>
                    <span class="rec-4"></span>
                </div>
            </div>
            <div class="col-xs-4">
                <p class="text-center title">助攻王</p>
                <div class="portait-s oh beCircle center-block">
                    <img src="__PUBLIC__/vote/userimg/{$assists[0]['picture']}" alt=""/>
                </div>
                <p class="title-name {$assists[0]['color']} text-center">{$assists[0]['use_hero']}</p>
                <div class="mvp-data rec-parent">
                    <p>助攻<span>{$assists[0]['assists']}</span></p>
                    <span class="rec-1"></span>
                    <span class="rec-2"></span>
                    <span class="rec-3"></span>
                    <span class="rec-4"></span>
                </div>
            </div>
            <div class="col-xs-4">
                <p class="text-center title">大富翁</p>
                <div class="portait-s oh beCircle center-block">
                    <img src="__PUBLIC__/vote/userimg/{$money[0]['picture']}" alt=""/>
                </div>
                <p class="title-name {$money[0]['color']} text-center">{$money[0]['use_hero']}</p>
                <div class="mvp-data rec-parent">
                    <p>金钱<span>{$money[0]['money']}k</span></p>
                    <span class="rec-1"></span>
                    <span class="rec-2"></span>
                    <span class="rec-3"></span>
                    <span class="rec-4"></span>
                </div>
            </div>
        </div>
    </div>

</div>
<script src="__PUBLIC__/match/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/match/js/public.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    var screenWidth=window.innerWidth,
            wrapperWidth=screenWidth*0.88;
    function setPortait(wrapperWidth,outerSize,innerSize){
        var	portait=document.getElementById("portait"),
                gapsize=(outerSize-innerSize)/2;
        portait.style.height=wrapperWidth*innerSize*0.01+"px";
        portait.style.top=wrapperWidth*gapsize*0.01+"px";
        portait.style.visibility="visible";
        //slogon
        (function(){
            $("#slogon").css({
                'top':wrapperWidth*outerSize*0.01*0.63+'px',
                'visibility':'visible'
            })
        })();
    };
    setPortait(wrapperWidth,31,26);
    countScrollHeight("article","honor-wrapper");
</script>

</body>
</html>
